<template>
<div class="page-game">
  <div class="game"  to="" v-for="item in lister" :key="item._id" >
    <a href="javascript::">
      <img :src="'./static/img/game/' + item.img" alt="" width="355px" height="184px">
      <p>{{item.title}}</p>
    </a>
  </div>
</div>
</template>
<style lang="less" scoped>
.page-game {
  .game {
    margin: 10px;
    a {
      display: inline-block;
      width: 355px;
      height: 208px;
      text-decoration: none;
      color: black;
      p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
}
</style>
<script>
export default {
  data() {
    return {
      lister:[
        {id:0, img:'1.jpg', title:'“向光而声”北京师范大学第九届 “超级研究声”线上歌手大赛'},
        {id:1, img:'2.jpg', title:'传祺全民K歌 聚力量 暖人心'},
        {id:2, img:'3.jpg', title:'中央民族大学“民音绽华，群声云起”校园歌手大赛初赛'},
        {id:3, img:'1.jpg', title:'传祺全民K歌 聚力量 暖人心'},
        {id:4, img:'4.jpeg', title:'唱响勇士，全民Fight！'},
        {id:5, img:'5.jpg', title:'327“林俊杰粉丝团”家族专属庆生周-林俊杰歌曲翻唱大赛'},
        {id:6, img:'6.jpg', title:'五月天粉丝团家族K歌大赛'},
        {id:7, img:'7.jpg', title:'《妖精种植手册》趣味音乐派对-《妖精的悲歌》瞎唱大赛'},
        {id:8, img:'8.jpeg', title:'作品换现金'},
        {id:9, img:'9.jpeg', title:'“音你而来” 赴一场春日之约'},
        {id:10, img:'10.jpg', title:'挑战胡彦斌神改编歌曲'},
      ]
    }
  }
}
</script>